{extend name="$extend_view"}
<!--
  ~ Copyright (c) 2018-2019.
  ~  This file is part of the moonpie production
  ~  (c) johnzhang <875010341@qq.com>
  ~  This source file is subject to the MIT license that is bundled
  ~  with this source code in the file LICENSE.
  -->
{block name="page-content-main"}
<div id="app">
    <div class="widget">
        <div class="widget-head">
            <user-tag-add v-bind:init-config='initConfig'/>
        </div>
        <div class="widget-body am-cf">
            <div class="am-u-md-9 am-u-sm-10">
                <tag-user-list v-bind:init-config="initConfig" />
            </div>
            <div class="am-u-md-3 am-u-sm-2 am-u-end">
                <user-tag-list v-bind:init-config='initConfig'/>
            </div>
            <div class="am-u-lg-12 am-cf">
                <div class="am-fr">{$data_provider->getPagination()->render()}</div>
                <div class="am-fr pagination-total am-margin-right">
                    <div class="am-vertical-align-middle">总记录：{$data_provider->getPagination()->total()}</div>
                </div>
            </div>
        </div>
    </div>

</div>
{/block}
{block name="js-run"}
<script>
  var init_config = {$initConfig|json_encode};
</script>
{encore:scripts id="wechat_account/basic/config" /}
{/block}
{block name="stylesheets"}
{__block__}
{encore:links id="wechat_account/basic/config" /}
{/block}

